<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- CSS -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="css/glyphicons-halflings.min.css">
    <link rel="stylesheet" type="text/css" href="css/default.min.css" />


    <!-- JS -->
    <script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/bootstrap.bundle.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- 页面脚部部分 -->
<footer class="mt-2">
    <hr />
    <div class="container mb-2">
        <div class="row">
            <div class="col-6 col-md-4 col-lg mb-2 text-center">
                <img src="img/foot_img_tip1.png" class="img-fluid rounded center-block" />
                <div class="text-danger">上市企业</div>
                <div class="small text-muted">股票代码000001</div>
            </div>

            <div class="col-6 col-md-4 col-lg mb-2 text-center">
                <img src="img/foot_img_tip2.png" class="img-fluid rounded center-block" />
                <div class="text-danger">快乐购严选</div>
                <div class="small text-muted">正品行货 品质保证</div>
            </div>

            <div class="col-6 col-md-4 col-lg mb-2 text-center">
                <img src="img/foot_img_tip3.png" class="img-fluid rounded center-block" />
                <div class="text-danger">10天无理由退货</div>
                <div class="small text-muted">为您提供售后无忧保障</div>
            </div>

            <div class="col-6 col-md-4 col-lg mb-2 text-center">
                <img src="img/foot_img_tip4.png" class="img-fluid rounded center-block" />
                <div class="text-danger">满129免邮</div>
                <div class="small text-muted">在线支付 购物包邮</div>
            </div>

            <div class="col-6 col-md-4 col-lg mb-2 text-center">
                <img src="img/foot_img_tip5.png" class="img-fluid rounded center-block" />
                <div class="text-danger">微笑无时无刻</div>
                <div class="small text-muted">365*24小时人工服务</div>
            </div>

            <div class="col-6 col-md-4 col-lg mb-2 text-center">
                <img src="img/foot_img_tip6.png" class="img-fluid rounded center-block" />
                <div class="text-danger">闪电物流</div>
                <div class="small text-muted">闪电发货 次日必达</div>
            </div>
        </div>
    </div>
    <!-- <hr /> -->
    <div class="container">
        <div class="row">

            <div class="col-6 col-sm-3 col-lg mb-2">
                <div class="text-center d-flex flex-column">
                    <a href="#">使用帮助</a>
                    <a href="#">税费收取规则</a>
                    <a href="#">新手指南</a>
                    <a href="#">常见问题</a>
                    <a href="#">用户协议</a>
                </div>
            </div>

            <div class="col-6 col-sm-3 col-lg mb-2">
                <div class="text-center d-flex flex-column">
                    <a href="#">使用帮助</a>
                    <a href="#">税费收取规则</a>
                    <a href="#">新手指南</a>
                    <a href="#">常见问题</a>
                    <a href="#">用户协议</a>
                </div>
            </div>

            <div class="col-6 col-sm-3 col-lg mb-2">
                <div class="text-center d-flex flex-column">
                    <a href="#">使用帮助</a>
                    <a href="#">税费收取规则</a>
                    <a href="#">新手指南</a>
                    <a href="#">常见问题</a>
                    <a href="#">用户协议</a>
                </div>
            </div>

            <div class="col-6 col-sm-3 col-lg mb-2">
                <div class="text-center d-flex flex-column">
                    <a href="#">使用帮助</a>
                    <a href="#">税费收取规则</a>
                    <a href="#">新手指南</a>
                    <a href="#">常见问题</a>
                    <a href="#">用户协议</a>
                </div>
            </div>

            <div class="w-100 d-sm-none"></div>

            <div class="col-6 col-sm-3 col-lg mb-2">
                <div class="text-center d-flex flex-column px-4">
                    <div>手机快乐购</div>
                    <img src="img/footer_ewm_01.png" alt="" class="img-fluid">
                    <div>下载移动客户端</div>
                </div>
            </div>

            <div class="col-6 col-sm-3 col-lg mb-2">
                <div class="text-center d-flex flex-column px-4">
                    <div>快乐微信购</div>
                    <img src="img/footer_ewm_02.png" alt="" class="img-fluid">
                    <div>快乐购官方微信</div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm my-2 d-flex justify-content-sm-end justify-content-center">
                <img src="img/foot_img3.png" class="img-fluid rounded center-block" alt="">
            </div>
            <div class="col-sm my-2 d-flex justify-content-sm-start justify-content-center">
                <img src="img/foot_img4.png" class="img-fluid rounded center-block" alt="">
            </div>
        </div>

        <div class="row">
            <div class="col text-center small text-muted">
                <div>Rights Reserved 免费服务热线: 400-800-0001 | 固话也可拨打: 800-000-0001 E-Mail: service@happygo.com</div>
                <div>湘ICP备10000001号 信息网络传播视听节目许可证号：1000001</div>
            </div>
        </div>
    </div>
</footer>
<!-- //页面脚部部分结束 -->
</body>
</html>